<!DOCTYPE html>
<html><head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{pigcms:$tpl.wxname}</title>
        <base href="." />
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
<link href="{pigcms::RES}/css/allcss/cate{pigcms:$tpl.tpltypeid}_{pigcms:$tpl.color_id}.css" rel="stylesheet" type="text/css" />
        
    <!-- <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/116/common.css" media="all"> -->
    <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/116/reset.css" media="all">
    <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/116/font-awesome.css" media="all">
    <script type="text/javascript" src="{pigcms::RES}/css/116/jQuery.js"></script>
    <script type="text/javascript" src="{pigcms::RES}/css/116/swipe.js"></script>
    <script type="text/javascript" src="{pigcms::RES}/css/116/zepto.js"></script>
      
    </head>
    <body onselectstart="return true;" ondragstart="return false;">
    
    <!--背景音乐-->
<if condition="$homeInfo['musicurl'] neq false">
<include file="Index:music"/>
</if>
        
<script>
	$(function(){
		var img = new Image();
		img.src = "res/1.png";
		console.log(img);
		new Swipe(document.getElementById('topList_box'), {
			speed:500,
			auto:3000,
			callback: function(){
				var lis = $(this.element).next("ol").children();
				lis.removeClass("on").eq(this.index).addClass("on");
			},
			callback2: function(){
				console.log("user op");
			}
		}); 
	});
</script>
<div class="body">
		<!--
	幻灯片管理
	-->
	<div style="-webkit-transform:translate3d(0,0,0);">
		<div id="banner_box" class="box_swipe" style="visibility: visible;">
			<ul style="list-style: none; width: 1920px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate3d(0px, 0, 0);">
                            <volist name="flash" id="so">
                                <li style="width: 640px; display: table-cell; vertical-align: top;">
                                <a href="{pigcms:$so.url}">
                                    <img src="{pigcms:$so.img}"  style="width:100%;">
                                </a>
                                </li>
                                </volist>
                        </ul>
			<ol>
                            <li class="on"></li>
                            <li class=""></li>
                            <li class=""></li>
                        </ol>
		</div>
	</div>
		<script>
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
	</script>
	<section>
		<ul class="v12_ul">
                    <volist name="info" id="vo">
                        <li class="card_lol"  <if condition="$i%2 eq 1"> style="direction:rtl;" </if> >
                        <a href="<if condition="$vo['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{pigcms:$vo.url|htmlspecialchars_decode}</if>" class="tbox">
					<div style="vertical-align:middle;"><label>{pigcms:$vo.name}</label><span></span></div>
					<div style="background-image: url({pigcms:$vo.img})">
                        
					</div>
				</a>
			</li>
                    </volist>
						
					</ul>
	</section>
    <script>
            var count = document.getElementById("thelist").getElementsByTagName("img").length;  

            var count2 = document.getElementsByClassName("menuimg").length;
            for(i=0;i<count;i++){
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

            }
            document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

            setInterval(function(){
                myScroll.scrollToPage('next', 0,400,count);
            },3500 );
            window.onresize = function(){ 
                for(i=0;i<count;i++){
                    document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

                }
                document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
            } 


        </script>

        <div id="insert2"></div>
        <div style="display:none"> </div>

        			<div class="copyright" align="center">
<if condition="$iscopyright eq 1">
{pigcms:$homeInfo.copyright}
<else/>
{pigcms:$siteCopyright}
</if>
</div>
	<include file="Index:styleInclude"/><include file="$cateMenuFileName"/>
<!-- share -->
<include file="Index:share" />
</body></html>